<% content_for :head do %>
		<%= stylesheet_link_tag 'blogs' %>
		<%= stylesheet_link_tag 'ueditor_comment' %>
<% end %>

<!--1.编辑器js-->
<%= javascript_include_tag 'ueditor/ueditor_config' %>
<%= javascript_include_tag 'ueditor/editor_api' %>
<%= javascript_include_tag 'ueditor/lang/zh-cn/zh-cn' %>
<%= javascript_include_tag 'ueditor/ueditor_all_min' %>
<%= javascript_include_tag 'ueditor/ueditor_parse_min' %>


<!--2.编辑器生成-->
<div class="section">
	<div class="alert alert-success"><h2 class="container">new blog</h2>
		<%= link_to '<< 返回', list_blogs_path, class: 'btn btn-warning dropdown-toggle' %></div>
</div>

<%= simple_form_for '', url: blogs_path, method: 'POST',
										html: {class: 'container'} do |f| %>
		<div class="blog-content-top ">
			<%= f.input :title, placeholder: '请输入 ‘blog’ 的标题', label: false, input_html: {class: 'form-control title'} %>
		</div>
		<%= f.input :select_tags_id, label: false, collection: @tags,
								input_html: {class: 'btn btn-default ',  value: "#{@tags}"},
								default: {value: "#{@tags}"} %>
		<div class="blog-content-spacing">
			<!--编辑器初始化-->
			<script id="editor" type="text/plain" style="width:1130px;height:500px;"></script>

			<%= f.input :content, as: :hidden, input_html: {class: 'input-content'} %>
			<%= f.button :submit, '确认提交', class: 'blog-content-button', id: 'content' %>
		</div>
<% end %>

<!--编辑器附加功能-->
<div id="btns" class="container">
	<!--<div style="margin-top: 5px">-->
	<!--<button onclick="getAllHtml()">获得整个html的内容</button>-->
	<!--<button onclick="getContent()">获得内容</button>-->
	<!--<button onclick="setContent()">写入内容</button>-->
	<!--<button onclick="setContent(true)">追加内容</button>-->
	<!--<button onclick="getContentTxt()">获得纯文本</button>-->
	<!--<button onclick="getPlainTxt()">获得带格式的纯文本</button>-->
	<!--<button onclick="hasContent()">判断是否有内容</button>-->
	<!--<button onclick="setFocus()">使编辑器获得焦点</button>-->
	<!--<button onmousedown="isFocus(event)">编辑器是否获得焦点</button>-->
	<!--<button onmousedown="setblur(event)">编辑器失去焦点</button>-->
	<!--</div>-->
	<div style="margin-top: 5px">
		<!--<button onclick="getText()">获得当前选中的文本</button>-->
		<!--<button onclick="insertHtml()">插入给定的内容</button>-->
		<!--<button id="enable" onclick="setEnabled()">可以编辑</button>-->
		<!--<button onclick="setDisabled()">不可编辑</button>-->
		<button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
		<button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
		<button onclick=" UE.getEditor('editor').setHeight(300)">设置编辑器的高度为300</button>
		<button class="saveContent">保存</button>
		<button onclick=" getLocalData()">获取草稿箱内容</button>
	</div>
	<!--<div style="margin-top: 5px">-->

	<!--<button onclick="clearLocalData()">清空草稿箱</button>-->
	<!--</div>-->
	<!--<div style="margin-top: 5px">-->
	<!--<button onclick="createEditor()"/>-->
	<!--创建编辑器</button>-->
	<!--<button onclick="deleteEditor()"/>-->
	<!--删除编辑器</button>-->
	<!--</div>-->
</div>

<!--3.编辑器初始化-->
<script type="text/javascript">
		//实例化编辑器
		//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
		UE.getEditor('editor');
		function isFocus(e) {
				alert(UE.getEditor('editor').isFocus());
				UE.dom.domUtils.preventDefault(e)
		}
		function setblur(e) {
				UE.getEditor('editor').blur();
				UE.dom.domUtils.preventDefault(e)
		}
		function insertHtml() {
				var value = prompt('插入html代码', '');
				UE.getEditor('editor').execCommand('insertHtml', value)
		}
		function createEditor() {
				enableBtn();
				UE.getEditor('editor');
		}
		function getAllHtml() {
				alert(UE.getEditor('editor').getAllHtml())
		}
		function getContent() {
				var arr = [];
				arr.push("使用editor.getContent()方法可以获得编辑器的内容");
				arr.push("内容为：");
				arr.push(UE.getEditor('editor').getContent());
				alert(arr.join("\n"));
		}
		function getPlainTxt() {
				var arr = [];
				arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
				arr.push("内容为：");
				arr.push(UE.getEditor('editor').getPlainTxt());
				alert(arr.join('\n'))
		}
		function setContent(isAppendTo) {
				var arr = [];
				arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
				UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
				alert(arr.join("\n"));
		}
		function setDisabled() {
				UE.getEditor('editor').setDisabled('fullscreen');
				disableBtn("enable");
		}

		function setEnabled() {
				UE.getEditor('editor').setEnabled();
				enableBtn();
		}

		function getText() {
				//当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
				var range = UE.getEditor('editor').selection.getRange();
				range.select();
				var txt = UE.getEditor('editor').selection.getText();
				alert(txt)
		}

		function getContentTxt() {
				var arr = [];
				arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
				arr.push("编辑器的纯文本内容为：");
				arr.push(UE.getEditor('editor').getContentTxt());
				alert(arr.join("\n"));
		}
		function hasContent() {
				var arr = [];
				arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
				arr.push("判断结果为：");
				arr.push(UE.getEditor('editor').hasContents());
				alert(arr.join("\n"));
		}
		function setFocus() {
				UE.getEditor('editor').focus();
		}
		function deleteEditor() {
				disableBtn();
				UE.getEditor('editor').destroy();
		}
		function disableBtn(str) {
				var div = document.getElementById('btns');
				var btns = domUtils.getElementsByTagName(div, "button");
				for (var i = 0, btn; btn = btns[i++];) {
						if (btn.id == str) {
								domUtils.removeAttributes(btn, ["disabled"]);
						} else {
								btn.setAttribute("disabled", "true");
						}
				}
		}
		function enableBtn() {
				var div = document.getElementById('btns');
				var btns = domUtils.getElementsByTagName(div, "button");
				for (var i = 0, btn; btn = btns[i++];) {
						domUtils.removeAttributes(btn, ["disabled"]);
				}
		}

		function getLocalData() {
				alert(UE.getEditor('editor').execCommand("getlocaldata"));

		}

		function clearLocalData() {
				UE.getEditor('editor').execCommand("clearlocaldata");
				alert("已清空草稿箱")
		}

		$('#content').on('click', function () {
				var content = UE.getEditor('editor').getContent(),
								$input = $('.input-content');
				$input.val(content);
		});


</script>


<%= javascript_include_tag 'blogs' %>